<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>天气预报</title>
	<link rel="stylesheet" href="../../libs/layui/css/layui.css">
	<link rel="stylesheet" href="../../css/ENV-INFO/forecast.css">
</head>
<body>
	<div class="layui-tab-content site-demo site-demo-body">
      <div class="layui-tab-item layui-show">
		<fieldset class="layui-elem-field layui-field-title">
		  <legend>天气预报</legend>
		</fieldset>
		<div class="layui-tab layui-tab-card css-relative">
		  <ul class="layui-tab-title">
		    <li class="layui-this">省气象台</li>
		    <li>中央气象台</li>
		    <li>亚洲天气在线</li>
		  </ul>
		  <div class="layui-tab-content">
		    <div class="layui-tab-item layui-show">
				<div class="layui-row css-btnPosition">
				  	<button class="layui-btn">中央气象台天气预报查询</button>
				</div>
				<div class="layui-row css-auto_height css-marginLeft">
					<div class="layui-col-xs9 css-boxShadow css-bgColorGreen css-overflow css-over">
						<div class="layui-carousel" id="test3" lay-filter="test4" lay-anim="fade" lay-indicator="none" lay-arrow="none" style="margin: 0 auto;">

						    <div carousel-item id="imgList">
						      <div><div class="css-carousel_title layui-col-xs9">11/01/18 08--11/01/19 08</div><img src="../../img/ENV-INFO/1.png"></div>
		  				      <div><div class="css-carousel_title layui-col-xs9">11/01/19 08--11/01/20 08</div><img src="../../img/ENV-INFO/2.png"></div>
		  				      <div><div class="css-carousel_title layui-col-xs9">11/01/20 08--11/01/21 08</div><img src="../../img/ENV-INFO/1.png"></div>
		  				      <div><div class="css-carousel_title layui-col-xs9">11/01/21 08--11/01/22 08</div><img src="../../img/ENV-INFO/2.png"></div>
		  				      <div><div class="css-carousel_title layui-col-xs9">11/01/22 08--11/01/23 08</div><img src="../../img/ENV-INFO/1.png"></div>
		  				      <div><div class="css-carousel_title layui-col-xs9">11/01/23 08--11/01/24 08</div><img src="../../img/ENV-INFO/2.png"></div>
						    </div>
			  	  	    </div>

			  	  		<div class="layui-form layui-bg-cyan css-positionFixed">
			  	  		  <div class="layui-form-item">
			  	  		    <div class="layui-inline">
			  	  		      <label class="layui-form-label" class="css-whiteColor">播放按钮</label>
			  	  		      <div class="layui-input-block">
			  	  		        <input type="checkbox" name="switch" lay-skin="switch" class="css-autoplay" checked="" lay-text="ON|OFF" lay-filter="autoplay"><div class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch"><em>ON</em><i></i></div>
			  	  		      </div>
			  	  		    </div>
			  	  		  </div>
			  	  		</div>
				    </div>
					<div class="layui-col-xs3 css-boxShadow">
						<form class="layui-form layui-form-pane" action="">
							<div class="layui-form-item">
			  				    <select name="interest" lay-filter="aihao">
			  				      <option value="1" selected="">24小时</option>
			  				      <option value="2">48小时</option>
			  				      <option value="3">72小时</option>
			  				      <option value="4">三天逐日</option>
			  				    </select>
			  				</div>
							<div class="layui-row" style="margin: -5px 0 10px">
							    <div class="layui-col-md9">
							      <input type="text" placeholder="日期搜索" class="layui-input css-date" style="text-align: center">
							    </div>
							    <div class="layui-col-md3">
							      <button class="layui-btn" style="width: 100%;">查询</button>
							    </div>
							</div>
							<div class="layui-form-item">
								<div class="css-day_content css-over">
									<div><input lay-filter="checkList" type="checkbox" name="" title="11/01/18 08--11/01/19 08" imgSrc="../../img/ENV-INFO/2.png" lay-skin="primary"></div>
									<div><input lay-filter="checkList" type="checkbox" name="" title="11/02/18 08--11/02/19 08" imgSrc="../../img/ENV-INFO/1.png" lay-skin="primary"></div>
									<div><input lay-filter="checkList" type="checkbox" name="" title="11/03/18 08--11/03/19 08" imgSrc="../../img/ENV-INFO/2.png" lay-skin="primary"></div>
									<div><input lay-filter="checkList" type="checkbox" name="" title="11/04/18 08--11/04/19 08" imgSrc="../../img/ENV-INFO/1.png" lay-skin="primary"></div>
									<div><input lay-filter="checkList" type="checkbox" name="" title="11/05/18 08--11/05/19 08" imgSrc="../../img/ENV-INFO/2.png" lay-skin="primary"></div>
									<div><input lay-filter="checkList" type="checkbox" name="" title="11/06/18 08--11/06/19 08" imgSrc="../../img/ENV-INFO/1.png" lay-skin="primary"></div>
									<div><input lay-filter="checkList" type="checkbox" name="" title="11/07/18 08--11/07/19 08" imgSrc="../../img/ENV-INFO/2.png" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
									<div><input type="checkbox" name="" title="11/01/18 08--11/01/19 08" lay-skin="primary"></div>
								</div>
							</div>
					    </form>
				    </div>

				</div>

		    </div>
		  </div>
		</div>


	</div>
</div>

	<script src="../../libs/layui/layui.js"></script>
	<script src="../../libs/jquery.min.js"></script>
	<script src="../../js/ENV-INFO/forecast.js"></script>
</body>
